<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
	<title>Thay đổi thông tin người dùng</title>
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/user.css">
    <link href="css/admin.css" rel="stylesheet">
	<!-- Optional theme -->
	<link rel="stylesheet" href="css/bootstrap-theme.min.css">
	<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
	<!-- Latest compiled and minified JavaScript -->
	<script src="js/bootstrap.min.js"></script>
	<!-- Latest compiled and minified CSS -->
</head>

<body>
	<!--header-->
	<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
  		<div class="container-fluid">
  			<div class="navbar-header">
     		    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
	            <span class="sr-only">Toggle navigation</span>
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
    		    </button>
      			<a class="navbar-brand" href="#">TRANG QUẢN TRỊ VEMIENTRUNG.COM</a>
    		</div>

            <div class="navbar-collapse collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Chào bạn, admin <span class="caret"></span></a>
                        <ul class="dropdown-menu" role="menu">
                            <li><div class="account"><img src="http://www.marrybaby.vn/wp-content/uploads/users/8/2013/12/10/1386669652e48_avartar.jpg_400.jpg" width="100" height="100"/>
                                <p class="a"><a href="#">Admin</a></p>
                                <p><a href="#">Thay đổi hồ sơ cá nhân</a></p>
                                <p><a href="#">Đăng xuất</a></p>
                            </div>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
	    </div>
	</nav>
<!--end header-->	
	<!--content-->
    <div class="row">
        <div class="col-sm-3 col-md-2 sidebar">
            <ul class="nav nav-sidebar">
                <li class="active"><a href="#"><span class="glyphicon glyphicon-home"></span> Trang chủ</a></li>
                <li><a href="#"><span class="glyphicon glyphicon-file"></span> Bài viết</a></li>
                <li><a href="#"><span class="glyphicon glyphicon-map-marker"></span> Địa điểm du lịch</a></li>
                <li><a href="#"><span class="glyphicon glyphicon-flag"></span> Tour du lịch</a></li>          
                <li><a href=""><span class="glyphicon glyphicon-user"></span> Thành viên</a></li>
                <li><a href=""><span class="glyphicon glyphicon-stats"></span> Thống kê</a></li>            
                <li><a href=""><span class="glyphicon glyphicon-cog"></span> Cài đặt</a></li>
            </ul>
            <img src="images/logo.jpg" height="80" width="80%" alt="logo">
            <hr>
            <embed type="application/x-shockwave-flash" allowscriptaccess="never" style="width:150px;height:150px;" src="http://nghethuatit.com/webFlash/FlashClock1.swf" wmode="transparent" height="200" width="200">
        </div>
        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
			<div class="span10 offset1">
				<div class="row" style="color:green;padding-bottom:20px;">
	    			<h3><b>THAY ĐỔI THÔNG TIN THÀNH VIÊN</b></h3>
	    		</div>
    			<form class="form-horizontal" enctype="multipart/form-data" action="insertbook.php" method="post">
                    <h4><span class="glyphicon glyphicon-user"></span> Thông tin cá nhân:</h4>
                    <hr>
                    <div class="form-group">
                        <label class="control-label col-md-2" for="name">Họ và tên (*)</label>
                        <div class="col-md-4">
                        <input type="text" class="form-control" name="name" id="name">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-md-2" for="birthday">Ngày sinh </label>
                        <div class="col-md-4">
                        <input type="text" class="form-control" name="birthday" id="birthday">
                        </div>
                    </div>
    				<div class="form-group">
	    				<label class="control-label col-md-2" for="cv">Tiểu sử</label>
	    				<div class="col-md-4">
						<textarea id="cv"  name="cv" class="form-control"></textarea>
						</div>
    				</div>
                    <h4><span class="glyphicon glyphicon-phone-alt"></span> Thông tin liên hệ:</h4>
                    <hr>
                     <div class="form-group">
                        <label class="control-label col-md-2" for="phonenumber">SĐT</label>
                        <div class="col-md-4">
                        <input type="text" class="form-control" name="phonenumber" id="phonenumber">
                        </div>
                    </div>
                     <div class="form-group">
                        <label class="control-label col-md-2" for="email">Email</label>
                        <div class="col-md-4">
                        <input type="email" class="form-control" name="email" id="email">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-md-2" for="address">Địa chỉ</label>
                        <div class="col-md-4">
                        <input type="text" class="form-control" name="address" id="address">
                        </div>
                    </div>
                    <h4><span class="glyphicon glyphicon-log-in"></span> Thông tin đăng nhập hệ thống:</h4>
                    <hr>
                    <div class="form-group">
                        <label class="control-label col-md-2">Tên tài khoản: </label>
                        <label class="control-label-text-left col-md-4">admin</label>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-md-2" for="group">Chọn nhóm</label>
                        <div class="col-md-4">
                            <select class="form-control input-sm">
                                <option value="">Group 1</option>
                                <option value="">Group 2</option>
                                <option value="">Group 3</option>
                                <option value="">Group 4</option>
                            </select>
                        </div>
                    </div>
    				<div class="form-group">
	    				<label class="control-label col-md-2" for="pass">Mật khẩu</label>
	    				<div class="col-md-4">
						<input type="password" class="form-control" name="pass" id="pass">
						</div>
    				</div>

    				<div class="form-group">
	    				<label class="control-label col-md-2" for="retypepass">Nhập lại mật khẩu</label>
	    				<div class="col-md-4">
						<input type="password" class="form-control" name="retypepass" id="retypepass">
						</div>
    				</div>
    				<div class="form-group">
    					<div class="col-md-2"></div>
    					<div class="col-md-4">
    					<button type="submit" class="btn btn-success btn-large">Cập nhật</button>
    					</div>
    				</div>
				</form>
			</div>
		</div>
	</div>
  </body>
</html>